<template>
  <div class="list_menu diy_menu">
    <router-link
            to="/user_center/index"
            class="menu_item"
            :class="{ selected: this.$route.path=== '/user_center/index'}"
     >
      <span class="left_span">个人首页</span>
      <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
    </router-link>
          <router-link
          to="/ordinary_users/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/ordinary_users/table'}"
          v-if="$check_action('/ordinary_users/table','get')">
        <span class="left_span">普通用户</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/merchant_users/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/merchant_users/table'}"
          v-if="$check_action('/merchant_users/table','get')">
        <span class="left_span">商家用户</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/employee_user/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/employee_user/table'}"
          v-if="$check_action('/employee_user/table','get')">
        <span class="left_span">员工用户</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/room_cleaning/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/room_cleaning/table'}"
          v-if="$check_action('/room_cleaning/table','get')">
        <span class="left_span">房间打扫</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/region_name/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/region_name/table'}"
          v-if="$check_action('/region_name/table','get')">
        <span class="left_span">地区名称</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/popular_attractions/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/popular_attractions/table'}"
          v-if="$check_action('/popular_attractions/table','get')">
        <span class="left_span">热门景点</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/homestay_information/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/homestay_information/table'}"
          v-if="$check_action('/homestay_information/table','get')">
        <span class="left_span">民宿信息</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/homestay_orders/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/homestay_orders/table'}"
          v-if="$check_action('/homestay_orders/table','get')">
        <span class="left_span">民宿订单</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/cancellation_of_order/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/cancellation_of_order/table'}"
          v-if="$check_action('/cancellation_of_order/table','get')">
        <span class="left_span">取消订单</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/renewal_order/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/renewal_order/table'}"
          v-if="$check_action('/renewal_order/table','get')">
        <span class="left_span">续房订单</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/user_evaluate/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/user_evaluate/table'}"
          v-if="$check_action('/user_evaluate/table','get')">
        <span class="left_span">用户评价</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/homestay_and_catering/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/homestay_and_catering/table'}"
          v-if="$check_action('/homestay_and_catering/table','get')">
        <span class="left_span">民宿餐饮</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/merchant_billing/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/merchant_billing/table'}"
          v-if="$check_action('/merchant_billing/table','get')">
        <span class="left_span">商家账单</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
              <router-link
          to="/catering_orders/table"
          class="menu_item"
          :class="{ selected: this.$route.path=== '/catering_orders/table'}"
          v-if="$check_action('/catering_orders/table','get')">
        <span class="left_span">餐饮订单</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
      </router-link>
      <router-link
              to="/user/collect"
              class="menu_item"
              :class="{ selected: this.$route.path=== '/user/collect'}"
              v-if="$check_action('/collect/list','get')">
        <span class="left_span">收藏</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
  </router-link>
	<router-link
	            to="/comment/table"
	            class="menu_item"
	            :class="{ selected: this.$route.path=== '/comment/table'}"
	            v-if="$check_action('/comment/table','get')">
	      <span class="left_span">评论管理</span>
	      <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
	</router-link>
  </div>
</template>

<script>
import mixin from "@/mixins/page.js";
export default {
  mixins: [mixin],
  data() {
    return {
    };
  },
  mounted() {
  },
  methods: {
  },

  components: {
  },
};
</script>

<style scoped>
.list_menu {
  flex: 0 0 25%;
  border-bottom: 1px solid #eee;
}
.menu_item {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  border: 1px solid #eee;
  border-bottom: none;
  background-color: #fff;
}
.menu_item.selected {
  background-color: #000;
}
.menu_item.selected span {
  color: #fff ;
}
.content {
  flex: 0 0 74%;
}
</style>
